<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>蘑菇街</title>
    <link rel="stylesheet" href="./static/css/public.css">
    <link rel="stylesheet" href="./static/css/mogugouwuche.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1468974_9x0aubqvgl.css">
    <link rel="icon" href="./static/imgs/171169993508.ico">
</head>

<body>
<!-- 头部 -->
    <div id="header">
        <div class="iconfont iconicon-copy"></div>
        <div>购物车(2)</div>
        <div>
            编辑<a href="#"></a>
        </div>
    </div>
<!-- 主体 -->
    <div id="article">
        <!-- 商品链接 -->
        <div class="items">
            <div class="items_title">
                <input type="checkbox" name="number" id="number" class="checkbox">
                <a href="./mogujieitems.html">后街男孩服饰</a>
                <span>领券<i class="iconfont iconfa-right-copy"></i></span>
            </div>
            <div class="items_xiang">
                <input type="checkbox" name="number" id="number" class="checkbox">
                <a href="./mogujieitems.html">
                    <img src="./static/imgs/191022_17i4a66f2a8d2135e4h7cel8204bf_1660x1660.jpg_240x320.v1cAC.40.webp">
                </a>
                <div class="content">
                    <h5>冬季外套男士加绒新款韩版潮流男装秋装上衣帅气棉衣修身夹克</h5>
                    <span>颜色：卡其色；尺码：XL；<i class="iconfont iconicon--copy"></i></span>
                    <p>降价89.15元</p>
                    <div class="items_number">
                        <i>￥</i><span class="s-1">208.00</span>
                        <div>
                            <button class="left">-</button><input type="text" value="1" class="text"><button class="right-1">+</button>
                        </div>
                    </div>
                    <a href="javascript:;" class="del">删除</a>
                </div>
            </div>
        </div>
        <div class="items">
            <div class="items_title">
                <input type="checkbox" name="number" id="number" class="checkbox">
                <a href="#">名爵男装</a>
                <span>领券<i class="iconfont iconfa-right-copy"></i></span>
            </div>
            <div class="items_xiang">
                <input type="checkbox" name="number" id="number" class="checkbox">
                <a href="#">
                    <img src="./static/imgs/191019_6h278j711aeb184hgdcgd792l60fj_800x800.jpg_240x320.v1cAC.40.webp">
                </a>
                <div class="content">
                    <h5>秋冬羊羔绒外套男韩版潮流宽松工装棉衣男士休闲男装上衣</h5>
                    <span>颜色：卡其色；尺码：XL；<i class="iconfont iconicon--copy"></i></span>
                    <p>降价119.15元</p>
                    <div class="items_number">
                        <i>￥</i><span class="s-1">278.00</span>
                        <div>
                            <button class="left">-</button><input type="text" value="1" class="text"><button class="right-1">+</button>
                        </div>
                    </div>
                    <a href="javascript:;" class="del">删除</a>
                </div>
            </div>
        </div>
    </div>
<!-- 脚部 -->
    <div id="footer">
        <!-- 全选按钮and总价 -->
        <div>
            <input type="checkbox" name="number" id="number" class="all">
            <label for="number">全选（<span>0</span>）</label>     
        </div>
        <div>
            <i>￥</i><span class="s-2-1">0.00</span>
            <span class="btn">结算</span>
        </div>
    </div>
</body>
<script src="./static/js/mogugouwuche.js"></script>

</html>